<template>
  <div style="margin-top: 20px" class="card w-100 shadow-xss rounded-xxl border-0 ps-4 pt-4 pe-4 pb-3 mb-3">
    <!--发布图片视频-->
<!--    <commets></commets>-->
    <div class="card-body p-0">
      <a href="#" class=" font-xssss fw-600 text-grey-500 card-body p-0 d-flex align-items-center"><i class="btn-round-sm font-xs text-primary feather-edit-3 me-2 bg-greylight"></i>Create Post</a>
    </div>
    <div class="card-body p-0 mt-3 position-relative">
      <figure class="avatar position-absolute ms-2 mt-1 top-5"><img src="/images/user-8.png" alt="image" class="shadow-sm rounded-circle w30"></figure>
      <textarea name="message" class="h100 bor-0 w-100 rounded-xxl p-2 ps-5 font-xssss text-grey-500 fw-500 border-light-md theme-dark-bg" cols="30" rows="10" placeholder="What's on your mind?"></textarea>
    </div>
    <div class="card-body d-flex p-0 mt-0">
      <a href="#" class="d-flex align-items-center font-xssss fw-600 ls-1 text-grey-700 text-dark pe-4"><i class="font-md text-danger feather-video me-2"></i><span class="d-none-xs">Live Video</span></a>
      <a href="#" class="d-flex align-items-center font-xssss fw-600 ls-1 text-grey-700 text-dark pe-4"><i class="font-md text-success feather-image me-2"></i><span class="d-none-xs">Photo/Video</span></a>
      <a href="#" class="d-flex align-items-center font-xssss fw-600 ls-1 text-grey-700 text-dark pe-4"><i class="font-md text-warning feather-camera me-2"></i><span class="d-none-xs">Feeling/Activity</span></a>
      <a href="#" class="ms-auto" id="dropdownMenu4" data-bs-toggle="dropdown" aria-expanded="false"><i class="text-grey-900 btn-round-md bg-greylight font-xss"><svg t="1712377720051" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10551" width="32" height="32"><path d="M324.078 650.246c-0.908 0-1.82-0.152-2.698-0.46L5.452 538.886a8.152 8.152 0 0 1-0.388-15.234l1007.7-412.284a8.152 8.152 0 0 1 8.002 14.044L328.994 648.596a8.134 8.134 0 0 1-4.916 1.65z m-292.98-119.632l291.552 102.344 638.396-482.82L31.098 530.614z" fill="#1296db" p-id="10552"></path><path d="M84.64 529.254l748.538-306.252-513.86 388.63z" fill="#1296db" p-id="10553"></path><path d="M324.08 956.712a8.15 8.15 0 0 1-8.154-8.152V642.096c0-2.554 1.196-4.96 3.234-6.5L1010.932 112.412a8.154 8.154 0 0 1 10.674 12.272L465.634 679.326l-134.244 272.832a8.152 8.152 0 0 1-7.31 4.554z m8.148-310.56v267.384l119.38-242.622c0.396-0.804 0.92-1.538 1.554-2.172L925.794 197.238 332.228 646.152z" fill="#1296db" p-id="10554"></path><path d="M351.246 655.612L715.666 380 436.534 658.468l-85.288 173.338z" fill="#1296db" p-id="10555"></path><path d="M792.56 823.806c-1.08 0-2.16-0.214-3.176-0.644l-333.642-141.146a8.152 8.152 0 0 1-2.582-13.276l556.932-555.6a8.144 8.144 0 0 1 10.004-1.184 8.146 8.146 0 0 1 3.512 9.442L800.322 818.144a8.148 8.148 0 0 1-7.762 5.662z m-319.308-152.08l314.272 132.948L997.846 148.384 473.252 671.726z" fill="#1296db" p-id="10556"></path><path d="M506.694 665.226l449.142-448.07-180.074 561.896z" fill="#1296db" p-id="10557"></path><path d="M324.074 956.71a8.148 8.148 0 0 1-7.31-11.75l134.842-274.048a8.15 8.15 0 0 1 10.488-3.906l80.838 34.198a8.142 8.142 0 0 1 2.884 12.954l-215.68 239.85a8.128 8.128 0 0 1-6.062 2.702z m138.758-271.692l-105.45 214.316 168.668-187.572-63.218-26.744z" fill="#1296db" p-id="10558"></path><path d="M471.966 709.532l22.108 9.352-58.982 65.592z" fill="#1296db" p-id="10559"></path><path d="M238.726 334.924l-0.16-16.3a117.158 117.158 0 0 0 15.184-1.144l2.276 16.142c-5.718 0.808-11.54 1.246-17.3 1.302z m-17.318-0.96a134.04 134.04 0 0 1-17.044-3.202l4.044-15.792a117.31 117.31 0 0 0 14.958 2.81l-1.958 16.184z m51.6-3.874l-4.346-15.712a125.064 125.064 0 0 0 5.052-1.514l9.822-3.512 5.482 15.35-10.05 3.59a137.816 137.816 0 0 1-5.96 1.798z m-85.126-4.706a135.124 135.124 0 0 1-15.656-7.452l7.944-14.236a118.308 118.308 0 0 0 13.756 6.55l-6.044 15.138z m116.486-6.166l-5.482-15.35 15.35-5.482 5.482 15.35-15.35 5.482z m-146.704-10.688a134.832 134.832 0 0 1-13.242-11.21l11.318-11.732a117.724 117.724 0 0 0 11.628 9.844l-9.704 13.098z m177.406-0.276l-5.482-15.35 15.35-5.482 5.482 15.35-15.35 5.482z m30.704-10.964l-5.482-15.35 15.35-5.482 5.482 15.35-15.35 5.482z m30.702-10.966l-5.482-15.35 15.35-5.482 5.482 15.35-15.35 5.482z m-263.73-1.84a133.368 133.368 0 0 1-9.912-14.252l13.96-8.412a117.14 117.14 0 0 0 8.696 12.504l-12.744 10.16z m294.432-9.126l-5.482-15.35 15.35-5.482 5.482 15.35-15.35 5.482z m30.7-10.964l-5.482-15.35 15.35-5.482 5.482 15.35-15.35 5.482zM114.866 254.82a137.726 137.726 0 0 1-4.734-12.464 152.826 152.826 0 0 1-1.176-3.82l15.648-4.574c0.328 1.128 0.676 2.254 1.038 3.38 1.2 3.69 2.6 7.384 4.16 10.958l-14.936 6.52z m373.714-1.39l-5.482-15.35 15.35-5.482 5.482 15.35-15.35 5.482z m30.702-10.966l-5.482-15.35 15.35-5.482 5.482 15.35-15.35 5.482z m30.702-10.964l-5.482-15.35 15.35-5.482 5.482 15.35-15.35 5.482z m-444.812-9.88a133.034 133.034 0 0 1-1.562-17.288l16.296-0.4c0.124 5.062 0.586 10.162 1.372 15.158l-16.106 2.53z m475.516-1.086l-5.482-15.35 15.35-5.482 5.482 15.35-15.35 5.482z m30.702-10.964l-5.482-15.35 15.35-5.482 5.482 15.35-15.35 5.482z m30.702-10.966l-5.482-15.35 15.35-5.482 5.482 15.35-15.35 5.482zM120.522 188.72l-16.21-1.72c0.608-5.722 1.6-11.47 2.948-17.088l15.85 3.804a118.068 118.068 0 0 0-2.588 15.004z m552.272-1.08l-5.482-15.35 15.35-5.482 5.482 15.35-15.35 5.482z m30.702-10.966l-5.482-15.35 15.35-5.482 5.482 15.35-15.35 5.482z m30.702-10.964l-5.482-15.35 15.35-5.482 5.482 15.35-15.35 5.482z m-384.946-0.922a119.088 119.088 0 0 0-5.62-14.164l14.736-6.972a135.366 135.366 0 0 1 6.388 16.112l-15.504 5.024z m-221.64-5.618l-15.224-5.824a135.244 135.244 0 0 1 7.22-15.76l14.354 7.732a118.2 118.2 0 0 0-6.35 13.852z m637.288-4.424l-5.482-15.35 15.35-5.482 5.482 15.35-15.35 5.482z m30.704-10.966l-5.482-15.35 15.35-5.482 5.482 15.35-15.35 5.482z m-459.362-6.464a117.96 117.96 0 0 0-9.068-12.242l12.444-10.53a134.04 134.04 0 0 1 10.326 13.942l-13.702 8.83z m-194.208-4.922l-13.24-9.508a133.96 133.96 0 0 1 11.01-13.404l11.896 11.14a118.664 118.664 0 0 0-9.666 11.772z m174.556-18.268a118.092 118.092 0 0 0-11.916-9.494l9.312-13.376a134.592 134.592 0 0 1 13.566 10.808l-10.962 12.062z m-153.772-3.92l-10.352-12.594a133.558 133.558 0 0 1 14.102-10.122l8.622 13.834a116.85 116.85 0 0 0-12.372 8.882z m128.818-13.454a118.392 118.392 0 0 0-13.944-6.136l5.588-15.314a134.468 134.468 0 0 1 15.87 6.986l-7.514 14.464z m-103.026-2.62l-6.754-14.836a135.878 135.878 0 0 1 14.294-5.548l1.9-0.6 4.812 15.574-1.682 0.532a118.488 118.488 0 0 0-12.57 4.878z m74.464-7.808c-4.94-1.108-10-1.904-15.038-2.362l1.48-16.234c5.738 0.522 11.502 1.428 17.128 2.692l-3.57 15.904z m-45.394-1.15l-2.764-16.064a133.748 133.748 0 0 1 17.254-1.822l0.652 16.288c-5.056 0.202-10.15 0.74-15.142 1.598zM888.778 773.172l-15.866-3.746 3.746-15.864 15.866 3.746-3.746 15.864z m7.49-31.728l-15.866-3.746 3.746-15.866 15.866 3.746-3.746 15.866z m7.492-31.73l-15.866-3.746 3.746-15.864 15.866 3.746-3.746 15.864z m7.492-31.728l-15.866-3.746 3.746-15.864 15.866 3.746-3.746 15.864z m7.49-31.73l-15.866-3.746 3.746-15.866 15.866 3.746-3.746 15.866z m7.494-31.73l-15.866-3.746 3.746-15.864 15.866 3.746-3.746 15.864z m7.492-31.728l-15.866-3.746 3.746-15.864 15.866 3.746-3.746 15.864z m7.49-31.728l-15.866-3.746 3.746-15.866 15.866 3.746-3.746 15.866z m7.492-31.73l-15.866-3.746 3.746-15.864 15.866 3.746-3.746 15.864z" fill="#1296db" p-id="10560"></path></svg></i></a>
      <div style="display: none" class="dropdown-menu dropdown-menu-start p-4 rounded-xxl border-0 shadow-lg" aria-labelledby="dropdownMenu4">
        <div class="card-body p-0 d-flex">
          <i class="feather-bookmark text-grey-500 me-3 font-lg"></i>
          <h4 class="fw-600 text-grey-900 font-xssss mt-0 me-4">Save Link <span class="d-block font-xsssss fw-500 mt-1 lh-3 text-grey-500">Add this to your saved items</span></h4>
        </div>
        <div class="card-body p-0 d-flex mt-2">
          <i class="feather-alert-circle text-grey-500 me-3 font-lg"></i>
          <h4 class="fw-600 text-grey-900 font-xssss mt-0 me-4">Hide Post <span class="d-block font-xsssss fw-500 mt-1 lh-3 text-grey-500">Save to your saved items</span></h4>
        </div>
        <div class="card-body p-0 d-flex mt-2">
          <i class="feather-alert-octagon text-grey-500 me-3 font-lg"></i>
          <h4 class="fw-600 text-grey-900 font-xssss mt-0 me-4">Hide all from Group <span class="d-block font-xsssss fw-500 mt-1 lh-3 text-grey-500">Save to your saved items</span></h4>
        </div>
        <div class="card-body p-0 d-flex mt-2">
          <i class="feather-lock text-grey-500 me-3 font-lg"></i>
          <h4 class="fw-600 mb-0 text-grey-900 font-xssss mt-0 me-4">Unfollow Group <span class="d-block font-xsssss fw-500 mt-1 lh-3 text-grey-500">Save to your saved items</span></h4>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
//import TopNav from './TopNav.vue'
//import LeftNav from './LeftNav.vue'
//import Message_casting from './Message_casting.vue'
//import commets from '../components/comment/comment.vue'


export default {
  components: {
    //TopNav, //顶部导航栏
    //LeftNav, //左边导航栏
    //Message_casting,
   // commets
  },
  data() {
    return {

    };
  },
  head() {
    // 引入js,css
    return {
      link: [
        { rel: 'stylesheet', href: '/css/themify-icons.css' },
        { rel: 'stylesheet', href: '/css/feather.css' },
        { rel: 'stylesheet', href: '/css/style.css' },
        { rel: 'stylesheet', href: '/css/emoji.css' },
        // { rel: 'stylesheet', href: '/css/lightbox.css' }
      ],
      script: [
        //{ src: 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js'},
        {src: '/js/jquery.min.js' },
        { src: '/js/plugin.js' },
        //{ src: '/js/lightbox.js' },
        { src: '/js/scripts.js' },

      ]
    }
  }

}
</script>


<style scoped>

</style>
